<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link href="https://fonts.googlefonts.cn/css?family=Shadows+Into+Light" rel="stylesheet">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>
    <div class="container">
        <div class="testimonial">
            <div class="testimonial-text">
                <div class="user-text active-text">
                    <div class="icon"><i class="iconfont icon-baojiaquotation2"></i></div>
                    <p>有“写轮眼卡卡西”“复制忍者”的绰号。是一个很让人有安全感的忍者，即使经历过地狱般的黑暗却能去安慰别人的天才忍者。</p><span>卡卡西</span>
                    <div class="icon"><i class="iconfont icon-baojiaquotation"></i></div>
                </div>
                <div class="user-text">
                    <div class="icon"><i class="iconfont icon-baojiaquotation2"></i></div>
                    <p>漩涡鸣人：本作的主角，一心想要成为火影的热血少年。后于日向雏田结婚育有一子一女，漩涡博人和漩涡向日葵。</p><span>漩涡鸣人</span>
                    <div class="icon"><i class="iconfont icon-baojiaquotation"></i></div>
                </div>
                <div class="user-text">
                    <div class="icon"><i class="iconfont icon-baojiaquotation2"></i></div>
                    <p>宇智波佐助：木叶名门宇智波一族末裔，为复兴宇智波一族而踏上复仇之路。</p><span>宇智波佐助</span>
                    <div class="icon"><i class="iconfont icon-baojiaquotation"></i></div>
                </div>
                <div class="user-text">
                    <div class="icon"><i class="iconfont icon-baojiaquotation2"></i></div>
                    <p>日向宁次：雏田的堂哥，被誉为天才的日向一族分家之子。容貌迤逦。后为救鸣人和雏田而死，是一个被日向家规所耽误的天才忍者。</p><span>日向宁次</span>
                    <div class="icon"><i class="iconfont icon-baojiaquotation"></i></div>
                </div>
                <div class="user-text">
                    <div class="icon"><i class="iconfont icon-baojiaquotation2"></i></div>
                    <p>自来也：“三忍”之一，第四代火影曾经的老师，自号“妙木山蛤蟆仙人”，曾指导鸣人的忍术修行。鸣人称他为“好色仙人”，但是鸣人最敬重的老师，后死于敌人之手。</p><span>自来也</span>
                    <div class="icon"><i class="iconfont icon-baojiaquotation"></i></div>
                </div>
            </div>
            <div class="testimonial-pic">
                <img src="./kkx.jpg" alt="" class="user-pic active-pic" onclick="show()">
                <img src="./mr.jpg" alt="" class="user-pic" onclick="show()">
                <img src="./zz.jpg" alt="" class="user-pic" onclick="show()">
                <img src="./nc.jpg" alt="" class="user-pic" onclick="show()">
                <img src="./zly.jpg" alt="" class="user-pic" onclick="show()">
            </div>
        </div>
    </div>
    

    <script src="script.js"></script>
</body>
</html>